<!DOCTYPE html>
<html ng-app="UranusWei">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta http-equiv=”X-UA-Compatible” content="IE=Edge,chrome=1">
    <meta name="format-detection" content="telephone=no" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <title>有利金服理财平台</title>
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <!-- 此段必须要引入 -->
    <script data-app="ewogICJjb21tb24iOiB7CiAgICAiYXBwa2V5IjogIkZGRkYwMDAwMDAwMDAxN0IzNEIwIiwKICAgICJ1c2VDdXN0b21Ub2tlbiI6IGZhbHNlLAogICAgInNjZW5lIjogInJlZ2lzdGVyX2g1IiwKICAgICJmb3JlaWduIjogMAogIH0sCiAgInVhYiI6IHsKICAgICJFeFRhcmdldCI6IFsKICAgICAgInB3ZGlkIgogICAgXSwKICAgICJ1c2VDdXN0b21Ub2tlbiI6IGZhbHNlLAogICAgIkZvcm1JZCI6ICJteV9mb3JtIiwKICAgICJMb2dWYWwiOiAidWFfbG9nIiwKICAgICJTZW5kSW50ZXJ2YWwiOiAyMCwKICAgICJTZW5kTWV0aG9kIjogMywKICAgICJNYXhNQ0xvZyI6IDE1MCwKICAgICJNYXhLU0xvZyI6IDE1MCwKICAgICJNYXhNUExvZyI6IDE1MCwKICAgICJNYXhHUExvZyI6IDUsCiAgICAiTWF4VENMb2ciOiAxNTAsCiAgICAiR1BJbnRlcnZhbCI6IDUwLAogICAgIk1QSW50ZXJ2YWwiOiA1MCwKICAgICJNYXhGb2N1c0xvZyI6IDE1MCwKICAgICJpc1NlbmRFcnJvciI6IDEsCiAgICAiSW1nVXJsIjogIi8vY2ZkLmFsaXl1bi5jb20vY29sbGVjdG9yL2FuYWx5emUuanNvbnAiLAogICAgIkdldEF0dHJzIjogWwogICAgICAiaHJlZiIsCiAgICAgICJzcmMiCiAgICBdLAogICAgIkZsYWciOiAxOTY1NTY3CiAgfSwKICAidW1pZCI6IHsKICAgICJ0aW1lb3V0IjogMzAwMCwKICAgICJ0aW1lc3RhbXAiOiAiIiwKICAgICJ0b2tlbiI6ICIiLAogICAgInNlcnZpY2VVcmwiOiAiaHR0cHM6Ly95bnVmLmFsaXBheS5jb20vc2VydmljZS91bS5qc29uIiwKICAgICJhcHBOYW1lIjogIiIsCiAgICAiY29udGFpbmVycyI6IHsKICAgICAgImZsYXNoIjogImNvbnRhaW5lciIsCiAgICAgICJkY3AiOiAiY29udGFpbmVyIgogICAgfQogIH0KfQ=="
    src="//g.alicdn.com/sd/pointman/js/pt.js"></script>
    <!-- 引入结束 -->
    <script src="js/fontsize.js"></script>
    <script type="text/javascript" src="js/config.js"></script>
    <script src="//cdn.bootcss.com/zepto/1.2.0/zepto.min.js "></script>
    <script src="js/global.min.js"></script>
    <script type="text/javascript" src="js/deferred.js"></script>
    <script type="text/javascript" src="js/layer/layer.m.js"></script>
    <script type="text/javascript" src="js/inviteh5.js"></script>
</head>
<body>
    <style>
        .hd img {
            width: 100%;
            vertical-align: middle
        }

        .hd_rel {
            position: relative
        }
        .inviteinfo{
            position: absolute;
            bottom: 0.362667rem;
            left: 1.706667rem;
            right: 1.706667rem;
            font-size: 0.5547rem;
            color: #ffeed2;
        }
        .reg {
            background-color: #ff5957;
            padding-top: 0.618667rem;
        }

        .input_box {
            width: 100%;
            height: 1.92rem;
            background-color: #ff5957;
            border: 1px solid #ffdedd;
            border-radius: 0.128rem;
            margin-bottom: 0.384rem;
            color: #999999;
        }

        .input_null {
            margin-bottom: 0.618667rem;
        }

        .icon_input_1 {
            background-image: url(https://file.youlijinfu.com/images/hd/invitereg/iphone.png);
        }

        .icon_input_2 {
            background-image: url(https://file.youlijinfu.com/images/hd/invitereg/txt.png);
        }

        .icon_input_3 {
            background-image: url(https://file.youlijinfu.com/images/hd/invitereg/pass.png);
        }

        .icon_input_base {
            width: 0.8rem;
            height: 0.8rem;
            background-size: contain;
            background-repeat: no-repeat;
            margin-left: 0.704rem;
            margin-right: 0.32rem;
            margin-top: 0.576rem;
        }

        .register_box {
            padding: 20px 17px 23px;
            background-color: #d82e00;
        }

        .r_b_top {
            padding: 0rem 0.853333rem;
            padding-bottom: 0;
        }

        .r_b_input {
            border: none;
            height: 1.877333rem;
            width: 50%;
            font-size: 0.65rem;
            background-color: #ff5957!important;
        }

        input::-webkit-input-placeholder {
            color: #ffdedd;
        }

        input:-moz-placeholder {
            color: #ffdedd;
        }

        input::-moz-placeholder {
            color: #ffdedd;
        }

        input:-ms-input-placeholder {
            color: #ffdedd;
        }

        .yanzhengma {
            background: #ffd798;
            border-radius: 0.96rem;
            background-size: contain;
            width: 4.650667rem;
            height: 1.536rem;
            font-family: "微软雅黑";
            font-size: 0.554667rem;
            line-height: 1.536rem;
            text-align: center;
            color: #d58d3a;
            margin-top: 0.192rem;
            margin-right: 0.192rem;
        }

        .reg_but {
            padding: 0rem 0.853333rem;
            /*padding-top: 0.226667rem;*/
            background-color: #ff5957;
        }

        .reg_but img {
            width: 100%;
        }

        .a_box {
            font-size: 0.5rem;
            color: #ffc090;
            line-height: 1.045333rem;
            height: 1.045333rem;
            text-align: center;
            
        }

        .a_box font {
            color: #ffc090;
        }

        .a_b_i {
            background-image: url(https://file.youlijinfu.com/images/hd/invitereg/check.png);
            width: 0.384rem;
            height: 0.384rem;
            padding: 1px;
            display: inline-block;
            background-size: cover;
            position: relative;
            top: 1px;
            margin-right: 3px;
            margin-top: 0.32rem;
        }

        .a_b_i_bor {
            background-image: url(https://file.youlijinfu.com/images/hd/invitereg/uncheck.png);
            background-repeat: no-repeat;
            width: 0.384rem;
            height: 0.384rem;
            padding: 1px;
            display: inline-block;
            background-size: contain;
            position: relative;
            top: 1px;
            margin-right: 3px;
        }

        .r_b_input_width {
            width: 70%;
        }
        /*已注册弹框样式*/
        .td_bg1{
            width: 13.034667rem;
            height: 12.949333rem;
            background: url(https://file.youlijinfu.com/images/hd/invitereg/img_reged.png) no-repeat;
            border-radius: 0.213333rem;
            background-size: contain;
            position: relative;
        }
        .td_btn{
            width: 10.773333rem;
            height: 1.898667rem;
            position: absolute;
            left: 1.109333rem;
        }
        .td_btn_down{
            bottom: 3.072rem; 
        }
        .td_btn_login{
            bottom: 0.874667rem; 
        }
        .td_close1{
            width: 0.469333rem;
            height: 0.426667rem;
            position: absolute;
            right: 0.426667rem;
            top: 0.426667rem;
        }
    </style>

    <section class="position:relative">
        <div class="hd">
            <div class="hd_rel">
                <img src="https://file.youlijinfu.com/images/hd/invitereg/invitereg_02.jpg" alt="">
                <p class="inviteinfo" id="invitename"></p>
            </div>
            <div class="banner_img_t" style="position:absolute;top:260px"></div>
            <div class="reg">
                <div class="bo_o">
                    <div class="r_b_top">
                        <div class="clearfix input_box">
                            <i class="icon_input_1 pull-left icon_input_base"></i>
                            <input class="pull-left r_b_input" type="tel" id="txtRegisterMobile" placeholder="请输入手机号" maxlength="11" />
                        </div>
                        <div class="clearfix">
                            <div class="clearfix input_box pull-left">
                                <i class="icon_input_2 pull-left icon_input_base"></i>
                                <input class="pull-left r_b_input" id="txtVerifyCode" type="tel" maxlength="5" autocomplete="off" placeholder="请输入验证码" />
                                <div class="pull-right">
                                    <span class="pull-right yanzhengma" id="verifyBtn">获取验证码</span>
                                    <span class="pull-right yanzhengma" id="verifyTimer"></span>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix input_box input_null">
                            <i class="icon_input_3 pull-left icon_input_base"></i>
                            <input class="pull-left r_b_input r_b_input_width" id="txtRegisterPwd" placeholder="请设置登录密码" type="text" onfocus="this.type='password'"
                                maxlength="20" />
                        </div>
                    </div>
                    <div class="reg_but">
                        <img src="https://file.youlijinfu.com/images/hd/invitereg/button_03.png" alt="" id="btn_register">
                    </div>
                    <div class="a_box">
                        <span class="a_b_i" id="agree"></span>
                        <span><span>我同意<font onclick="window.location.href='/spread/servicedeal.html'">《有利金服用户协议》</font></span></span>
                    </div>
                </div>
            </div>
            <div backtop scroll=".banner_img_t">
                <img src="https://file.youlijinfu.com/images/hd/invitereg/invitereg_03.jpg">
            </div>
        </div>
    </section>

</body>

</html>